<?php

// 注意：每次使用session，必须在没有任何输出之前调用session_start
session_start();


// 如果已登录，跳转到后台首页
if(isset($_SESSION['username'])){
	header("location:./admin");
	exit();
}

// 判断是否是post登录，如果是post请求，表示是提交账号密码，需要执行登录操作
// isset函数 用于判断指定的变量是否被定义
if(isset($_POST['username'])) {
	
	// 获取用户提交的账号密码
	$username = $_POST['username'];
	$password = $_POST['password'];
	
	
	// 去数据库查询对应用户
	
	// 连接数据库
	$conn=false;
	
	try {
		//连接数据库 参数四（持久连接）：array(PDO::ATTR_PERSISTENT => true)
		$conn = new PDO("mysql:host=localhost;port=3306;dbname=blogs21", "root", "123456");
		//设置字符集
		$conn->query("set names utf8");
	
	
	} catch (PDOException $ex) {
		die("不能连接数据库".$ex);
	}
	
	
	$sql = "select * from users where username=:a and password=:b";
	
	// 预处理sql
	$stmt = $conn->prepare($sql);
	
	// 绑定参数
	$stmt->bindParam(":a", $username);
	$stmt->bindParam(":b", $password);
	
	// 执行sql语句
	$stmt->execute();
	
	// 获取一行数据
	$row = $stmt->fetch();
	
	var_dump($row);
	
	// 如果查询到，表示登录成功
	if($row){
		// echo "<script>alert('登录成功');</script>";
		
		// 在sessioin中保存用户信息
		$_SESSION['username'] = $_POST['username'];
		
		// 跳转到后台页面
		header("location:./admin");
		
	} else { // 否则，登录失败
		echo "<script>alert('账号密码不正确');history.back();</script>";
	}
	
	
	
	
	exit();
}

// 此处必须有结束标签，否则会把后面的html代码当做php代码，必然报错
?>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
	
	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
	
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

	<style>
		.login-box{
			margin-top: 200px;
			/* 内边距50像素 */
			padding: 50px;
		}
		
		.login-box>.into{
			width:100%;
			height:100%;
			background-color: #fff;
			position: absolute;
			opacity: 0.5;
			z-index: -1;
			/* 圆角20像素为半径 */
			border-radius: 20px;
			top:-10px;
			left:-5px;
		}
		
		.login-box>div{
			margin-bottom: 20px;
		}
		body{
			background: url(./imgs/1.jpg) no-repeat;
			background-size: cover;
			/* 超出隐藏 */
			overflow: hidden;
		}
		.title{
			text-align: center;
			width:100%;
			font-size: 30px;
			color:#fff;
			font-weight: 900;
		}
	</style>
</head>
<body>
	<div class="row">
		<form action="" method="post">
			<div class="col-md-4 col-md-offset-4 login-box">
				  <!-- 半透明背景层 -->
				  <div class="into"></div>
				  <div class="title">用户登录</div>
				  <div class="input-group input-group-lg">
					<span class="input-group-addon">账号</span>
					<input type="text" name="username" class="form-control" placeholder="请输入用户名">
				  </div>
				  <div class="input-group input-group-lg">
					<span class="input-group-addon">密码</span>
					<input type="password" name="password" class="form-control" placeholder="请输入密码">
				  </div>
				  <div>
					<button type="submit" class="form-control btn btn-primary">登录</button>
				  </div>
			</div>
	  </form>
	</div>
</body>
</html>
